<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<style>
		p{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
		}
	</style>
	<script>
		
		$(function(){

			$('p').css('color','red');

			$('#box').css('color','blue');

			$('.box').css('color','yellow');


			$('.box .son').css('color','pink');


			$('.box').click(function(event) {
				alert(888)
			});


			$('p').hover(function() {
				$(this).css('background','blue');
			}, function() {
				$(this).css('background','red');
			});


			$("p").css({ color: "#ff0011", background: "blue" });

			$("p").css("color","red");




		})
	</script>
</head>
<body>
	<p>学并思</p>
	<p id="box">学并思</p>
	<p class="box">
		<span>span</span>
		<i class="son">这个是i</i>
	</p>
</body>
</html>	